// 1 导入相关包
import React from 'react'; // 创建react 元素的
import ReactDOM from 'react-dom/client'; //渲染 react 元素的
// 引入css
import './index.css';
// 导入组件
// import { Comments } from './评论列表-v1/Comments';
// import { CtrlForm } from './01-React-组件基础/21-受控组件';
// import { App } from './01-React-组件基础/22-其他受控组件';
// import { App } from './01-React-组件基础/23-非受控组件';
// import { Comments } from './评论列表-v2/Comments';
// import { App } from './02-组件通讯/01-类组件';
// import { Parent } from './02-组件通讯/02-父到子';
// import { App } from './02-组件通讯/03-父到子-练习';
// import { Parent } from './02-组件通讯/04-子到父';
// import { App } from './02-组件通讯/04-子到父-练习';
import { App } from './02-组件通讯/05-兄弟组件';

// 渲染根节点
const root = ReactDOM.createRoot(document.getElementById('root'));

// 渲染
// 组件的使用规则
root.render(<App />);
